<?php use_stylesheets_for_form($form) ?>
<?php use_javascripts_for_form($form) ?>

<script type="text/javascript" src="/sfDependentSelectPlugin/js/SelectDependiente.min.js"></script>
<script type="text/javascript" src="/sfFormExtraPlugin/js/double_list.js"></script>



<?php     
    
    
    //variable de envio de informacion al menu Usuario ID
    $responseId         = $idUser;
    $idUser             = "idUser=".$idUser."&parent=".$parent;
    if (!$form->getObject()->isNew())
    $idUser            .= "&id=".$form->getObject()->getId();
    
    //Variable de la pagina
    $urlPage            = "mascota";
    
    //Url de Actualizacion de Cliente Dashbioard
    $urlLoadUser        = "LoadUser('".url_for("dashboard/".$parent)."','".$idUser."','#User".$responseId."');";
    //Url de Actualizacion de Cliente Dashbioard / Cierre Ventana
    $urlLoadUserClose   = "javascritp:".$urlLoadUser."MenuClose();";
    //Url de Listar Atributos
    $urlListar          = "javascritp:LoadUser('".url_for($urlPage.'/index')."','".$idUser."','#slideDer-intConten');";
    //Url de Nuevo Atributo 
    $urlNew             = "javascritp:LoadUser('".url_for($urlPage.'/new')."','".$idUser."','#slideDer-intConten');";
    //Url de Delete Atributo 
    $urlDelete          = "javascritp:LoadUser('".url_for($urlPage.'/delete')."','".$idUser."','#slideDer-intConten');";
    
    
?>

<!--BOTON cerrado + condicion de actualización-->
<button type="button" class="slideDer-cerrar" onclick="<?php echo $urlLoadUserClose; ?>"></button>
<!--Division del formulario-->
<div class="jwj-callcenter-div"></div>



<!--Formulario con declaración de class y de ID Formulario-->
<form class="formGeneralModel" id="myForm<?php echo $urlPage; ?>" action="<?php echo url_for('mascota/'.($form->getObject()->isNew() ? 'create' : 'update').(!$form->getObject()->isNew() ? '?id='.$form->getObject()->getId() : '')) ?>" method="post" <?php $form->isMultipart() and print 'enctype="multipart/form-data" ' ?>>
<?php if (!$form->getObject()->isNew()): ?>
<input type="hidden" name="sf_method" value="put" />
<?php endif; ?>
  <table class="formGeneralTable" border="0" cellspacing="0" cellpadding="0" width="100%">
      
      
      
      <tr class="addEtiquetaTitulo">
           <td colspan="3"><p>Datos Basicos</p></td>
      </tr>
    <tbody>
      
      <tr class="addEtiquetaFila">    
        <td width="100px"><?php echo $form['especie_id']->renderLabel() ?></td>
        <td colspan="2">
          <?php echo $form['especie_id']->renderError() ?>
          <?php echo $form['especie_id'] ?>
        </td>
      </tr>  
      <tr class="addEtiquetaFila">    
        <td><?php echo $form['raza_id']->renderLabel() ?></td>
        <td colspan="2">
          <?php echo $form['raza_id']->renderError() ?>
          <?php echo $form['raza_id'] ?>
        </td>
      </tr>
      <tr class="addEtiquetaFila">
          <td rowspan="5" align="center" style="background: #fff;" ><?php echo $form['foto'] ?>
            <?php if($form['foto']->getValue()){ ?>
            <script type="text/javascript">
                $("#mascota_foto").css('background','url(/uploads/mascota/<?php echo $form['foto']->getValue() ?>) bottom no-repeat');
            </script>
            <?php }?>
        </td>
      </tr>
      
      <tr class="addEtiquetaFila">
        <td><?php echo $form['nombre']->renderLabel() ?></td>
        <td>
          <?php echo $form['nombre']->renderError() ?>
          <?php echo $form['nombre'] ?>
        </td>
      </tr>
     
      <tr class="addEtiquetaFila">
        <td><?php echo $form['adopcion']->renderLabel() ?></td>
        <td>
          <?php echo $form['adopcion']->renderError() ?>
          <?php echo $form['adopcion'] ?>
        </td>
      </tr>
      <tr class="addEtiquetaFila">
        <td><?php echo $form['sexo']->renderLabel() ?></td>
        <td>
          <?php echo $form['sexo']->renderError() ?>
          <?php echo $form['sexo'] ?>
        </td>
      </tr>
      <tr class="addEtiquetaFila">
        <td><?php echo $form['edad']->renderLabel() ?></td>
        <td>
          <?php echo $form['edad']->renderError() ?>
          <?php echo $form['edad'] ?>
        </td>
      </tr>
      
    </table>
<br>
    <table class="formGeneralTable" border="0" cellspacing="0" cellpadding="0" width="100%">
      <tr class="addEtiquetaTitulo">
        <td><p>Informacion Adicional</p></td>
        <td colspan="2"><a href="javascript:null(0)" class="addEtiquetaButton" onclick="addEtiqueta('<?php echo url_for('mascota/addDetForm')?>')">Agregar Nuevo</a></td>
      </tr>
      <?php                     
        for($i=0;$i<count($form['detalles']);$i++){ ?>
        <tr class="addEtiquetaFila" id="detalles<?php echo $i ?>">
            <td widtd="160px" <?php if($form['detalles'][$i]['mascota_etiqueta_id']->renderError()) { echo "class=\"inputError\"";} ?>><?php echo $form['detalles'][$i]['mascota_etiqueta_id'] ?><?php echo $form['detalles'][$i]['mascota_etiqueta_id']->renderLabel(); ?></td>
            <td widtd="420px" <?php if($form['detalles'][$i]['nombre']->renderError()) { echo "class=\"inputError\"";} ?>>
                <?php echo $form['detalles'][$i]['nombre']->renderError() ?>
                <?php echo $form['detalles'][$i]['nombre'] ?></td>
            <?php 
            if (!isset($form['detalles'][$i]['required'])){ ?>
            <td widtd="50px"  class="addEtiquetaFilaLast" align="center"><a onclick="removeEtiqueta('detalles<?php echo $i ?>','<?php echo url_for('mascota/delDetForm')."?id=".$form['detalles'][$i]['id']->getValue()?>');" class="addEtiquetaDelete" href="javascript:null(0)"></a></td>
            <?php }else { ?>
            <td widtd="50px"></td>
            <?php }  ?>
        </tr>
        <?php } ?>
    </tbody>
  </table>
<div id="addDetForm"></div>


<!--Campo Oculto de evio de variable de ID del usuario-->
<input type="hidden" name="idUser" value='<?php echo $responseId ?>'/>
<input type="hidden" name="parent" value='<?php echo $parent ?>'/>

<!--Division del formulario-->
<div class="jwj-callcenter-div"></div>


<!--Lista de Acciones del Formulario-->
<div id="jwj-callcenter-action">
    
           <?php echo $form->renderHiddenFields(false) ?>
          <!--BOTON Salvado del formulario-->
          <input type="submit" value="Save" id="jwj-callcenter-form-save" class="jwj-callcenter-form-red"/>
          <?php if (!$form->getObject()->isNew()): ?>
          <!--BOTON Borrado del formulario-->
          <button type="button" id="jwj-callcenter-form-delete" class="jwj-callcenter-form-red" title="Listar" onclick="<?php echo $urlDelete; ?>" >Eliminar</button>
          <!--BOTON Nuevo-->
          <button type="button" id="AddBoton-New" title="Nuevo Registro" class="AddBotonTools" onclick="<?php echo $urlNew; ?>">Nuevo</button>
          <?php endif; ?>
          <!--BOTON Listar-->
          <button type="button" id="AddBoton-Listar" class="jwj-callcenter-form-red" title="Listar" onclick="<?php echo $urlListar; ?>" >Listar</button>
          <!--BOTON Cerrar-->
          <button type="button" id="AddBoton-Cerrar" title="Cerrar" class="AddBotonTools" onclick="<?php echo $urlLoadUserClose; ?>">Cerrar</button>
          
</div>


</form>

<script type="text/javascript">

//Declaracion del Array encardo de los contenedores
var contador = new Array();

//Declaracion de contadores de los contenedores
contador['addDetForm'] = <?php print_r($form['detalles']->count())?>;

function addEtiqueta(url) {
  
  
  
  //Slip de Url de la funcion
  var contenedor = url.split("/");
  contenedor = contenedor[contenedor.length-1];
  
  //Obtengo la variable contador 
  var num = contador[contenedor];
  
  
  
  
  //Funcion de respuesta de formulario parcial
  var r = $.ajax({
    type: 'GET',
    url: url+'<?php echo   ($form->getObject()->isNew()?'':'?id='.$form->getObject()->getId()).($form->getObject()->isNew()?'?num=':'&num=')?>'+num,
    async: false
  }).responseText;
  
  //Ingreso de la Respuesta en el contenedor 
  $("#"+contenedor).append(r);
  
  //Incremento la variable contadora
  contador[contenedor] = contador[contenedor] + 1;
  
}

function removeEtiqueta(num,url) {
 
    //Confirmacion si desea realizar la operacion
    jConfirm('Esta seguro de que desea borrar?', 'Confirmacion de Accion', function(r) {
        if(r==true){
            //Remueve el atributo ingresado en el formulario
            $("#"+num).remove();    
                var r = $.ajax({
                        type: 'GET',
                        url: url,
                        async: false
                        });    
                
            }    
    });
        
    
}    
 
// prepare tde form when tde DOM is ready
$(document).ready(function() {
    var options = {
        target:        '#slideDer-intConten',   // target element(s) to be updated witd server response
        beforeSubmit:  showRequest,  // pre-submit callback
        success:       showResponse,  // post-submit callback
        type: 'post'       // 'get' or 'post', override for form's 'method' attribute

    };

    // bind form using 'ajaxForm'
    $('#myForm<?php echo $urlPage; ?>').ajaxForm(options);
});

// pre-submit callback
function showRequest(formData, jqForm, options) {
    // formData is an array; here we use $.param to convert it to a string to display it
    // but tde form plugin does tdis for you automatically when it submits tde data
    var queryString = $.param(formData);
    // here we could return false to prevent tde form from being submitted;
    // returning anytding otder tdan false will allow tde form submit to continue
    return true;
}

// post-submit callback
function showResponse(responseText, statusText, xhr, $form)  {
    
     <?php echo $urlLoadUser; ?>
     
}
</script>